Curso de html

El HTML es muy fácil de usar; fue diseñado en este sentido. No tienes que ser un programador para usarlo. Si puedes editar un archivo de texto, entonces puedes escribir HTML (y si puedes escribir un email, puedes editar un archivo de texto).

¿Qué es HTML?

Aunque HTML significa Lenguaje de Marcas de HiperTexto, no es en realidad un lenguaje de programación como Java, Perl, C, o BASIC; es mucho más simple. Es una manera de describir cómo un conjunto de texto e imágenes deben desplegarse en el navegador, similar en concepto a las marcas que hace un editor de periódico.

Anatomía de una Página Web

Una página Web consiste de un archivo HTML mas los archivos de imágen usados en la página. El archivo HTML (un archivo de texto común) contiene todo el texto a desplegar, y también actúa como el pegamento para sostener el texto e imágenes juntas en los lugares correctos, y los despliega en el estilo correcto.

Escribir un archivo HTML significa componer el texto que quieres desplegar, entonces insertar las etiquetas que quieras en los lugares correctos. Las etiquetas comienzan con un caracter < y terminan con un caracter >, y le dicen al navegador que haga algo especial como mostrar texto en itálicas o negritas, o en una fuente más grande, o mostrar una imágen, o hacer una liga a otra página Web. Aunque el HTML tiene muchas etiquetas que puedes usar, no necesitas saberlas todas para usar HTML -- puedes arreglártelas con unas cuantas.

Anatomía de una Etiqueta de HTML

Las etiquetas tienen una estructura simple. Comienzan con un caracter <, y terminan con un caracter >. Entre los caracteres <> está el nombre de la etiqueta, y quizá algunos atributos dependiendo de la etiqueta. La mayoría de los atributos toman un valor también. Algunos atributos son requeridos, algunos son opcionales. La forma general de una etiqueta es

<nombre_de_la_etiqueta atributo1="valor1" atributo2="valor2" ... >

Existen muchas etiquetas diferentes para hacer muchas cosas diferentes. Por ejemplo, usa la etiqueta <img> para mostrar una imágen en tu página Web:

<img src="3.jpg">

se ve como

Aquí está la parte interesante:

La etiqueta que hace del Web lo que es, un superconjunto de páginas ligadas, es la etiqueta <a>. La etiqueta <a> es un contenedor que define una liga hacia otra página y es fácil de usar. Como ejemplo, aquí es cómo harías una liga a la página principal de msn:

Ir a <a href="http:///">la página principal de google;/a>.

Que se ve como:

Ir a la página principal de google.

Anatomía de un archivo HTML

Ahora que entiendes lo que son las etiquetas y las contenedoras, aquí está cómo hacer un archivo HTML correctamente: identifica tu archivo como un archivo HTML encerrándolo todo entre las contenedoras <html>--, en otras palabras, coloca una etiqueta <html> de inicio al principio de tu archivo y una etiqueta </html> de finalización al final.

Técnicamente, la etiqueta <html> puede contener sólo dos cosas: una contenedora <head>, y una contenedora <body>. Dentro de la etiqueta <body> es donde se pone toda la página. Todo el texto, imágenes, hiperligas y demás cosas desplegadas son contenidas entre la etiqueta <body> y la </body>.

Así, un simple archivo HTML "hola, mundo", con título, sería

<html>

<head>
<title>Hola, mundo</title>
</head>

<body>
Hola, mundo.
</body>

</html>

Si no quieres un título, omite las líneas que comienzan con <head>, <title>, y </head>.

Como hacer tablas sencillas

Una tabla HTML puede ser considerada de manera simple como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, así como toda estructura en documentos HTML, son definidas usando tags. Una tabla simple puede ser insertada en un documento HTML usando tres tags: el tag HTML table (principal contenedor),el tag HTML tr (fila contenedora) y el tag HTML td (celda simple).

PÁGINA EJEMPLO DE TABLAS

Saltos de Línea y Espacios en Blanco

Puedes agregar cuantos espacios o líneas en blanco quieras (llamados "blancos") para hacer tu archivo HTML más fácil de leer.Para comenzar un nuevo párrafo, usa la etiqueta <p>-- la usarás mucho.

EJEMPLO:

</p>Así se escribe un salto de linea.

Imprimir esta página

Con lo que sabes ya puedes escribir páginas Web-- incluso puedes mostrar imágenes. Haz una página simple y véla con tu navegador.